#div1 {
    background-color: aquamarine;
    height: 100px;
    width: 100px;
    margin-top: 0px;
}

div {
    background-color: red;
    height: 100px;
    width: 100px;
    margin-top: 200px;
    position: relative;
    /*    -webkit-transform: translate(200px, 100px);!*safiri chrome*!
        -moz-transform: translate(200px, 100px);!*firefox*!
        -ms-transform: translate(200px, 100px);!*IE*!
        -o-transform: translate(200px, 100px);!*opera*!
        transform: translate(200px, 100px);*/

    /*-webkit-transition: width 2s, height 2s;*/
    /*-moz-transition: width 2s, height 2s;*/
    /*-ms-transition: width 2s, height 2s;*/
    /*-o-transition: width 2s, height 2s;*/
    /*transition: width 2s, height 2s;*/
    /*transition-delay: 2s;*/
    /*-webkit-animation: anim 5s;*/
}

@-webkit-keyframes anim {
    0% {
        background: red;
        left: 0px;
        top: 0px
    }
    25% {
        background: blue;
        left: 200px;
        top: 0px
    }
    50% {
        background: coral;
        left: 200px;
        top: 200px
    }
    75% {
        background: cadetblue;
        left: 200px;
        top: 200px
    }
    100% {
        background: red;
        left: 0px;
        top: 0px
    }
}

/*
#div2:hover{
    width: 200px;
    height: 200px;
    -webkit-transform: rotate(190deg);
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -o-transform: rotate(190deg);
    transform: rotate(190deg);
}*/
